<script setup lang="ts">
import TitleBar from '@/components/TitleBar/TitleBar.vue'
</script>

<template>
  <div class="container">
    <TitleBar
      title="科幻描绘想象，科技成就现实"
      subtitle="科幻作家刘慈欣，小鹏G6前瞻设计顾问"
    />

    <img
      alt=""
      src="https://s.xiaopeng.com/xp-fe/mainsite/2023/g6/v1_5/p4-1.jpg"
      class="main-img"
    />
  </div>
</template>

<style scoped>
.container {
  height: 113.4rem;
  text-align: center;
}

.main-img {
  width: 132rem;
  height: 74.2rem;
}
</style>